<script type="text/javascript">
    $(document).ready(function(){ 
     //esconder los campos que no son necesarios  en los clientes
     $("#divCamposExtra").hide();
     $('.btnEsconderExtra').hide();  
    

       
        // Al hacer click en + entonces muestra los campos extra
        $('.btnCamposExtra').on('click', function(){
                $('#divCamposExtra').show();
                $('#pagaDolar').change(function(){
                   
                    $('#' + $(this).val()).show();
                });
               
                $("#pagaD").click(function(){
                    $("pagaD option[value='N']").show();
                });
                $('.btnCamposExtra').hide();
                $('.btnEsconderExtra').show();
        });
        $('.btnEsconderExtra').on('click', function(){
            $('#divCamposExtra').hide();
            $('.btnEsconderExtra').hide();
            $('.btnCamposExtra').show();
        });
       });


       $(function(){
       $('#AgregarCliente').validate({
           rules: {
           'txtNombre': { required: true },//, number: true
           'txtPlazo': { required: true, min: 1 },//minimo el valor 1 seleccionado
           'txtSaldo': { required: true, min: 1 },//minimo el valor 1 seleccionado
           'txtLimiteCredito': { required: true, min: 1 },//minimo el valor 1 seleccionado
           'txtTipoPrecio': { required: true, maxlength: 2 },//minimo el valor 1 seleccionado
           'txtTipoCliente': { maxlength: 2 },//minimo el valor 1 seleccionado
           'txtDireccion': { required: true}//, number: true
           },
       messages: {
           'txtNombre': 'Debe ingresar el Nombre.',
           'txtSaldo': 'Debe seleccionar un saldo mayor a 0.',
           'txtPlazo': 'Debe seleccionar un plazo mayor a 0.',
           'txtLimiteCredito': 'Debe seleccionar un límite de crédito mayor a 0.',
           'txtTipoPrecio': 'Unicamente 2 caracteres',
           'txtTipoCliente': 'Unicamente 2 caracteres',
           'txtDireccion': 'Debe ingresar la dirección.'
       }
    });
});


</script>
<ul class="breadcrumb">
    <li><a href="index.php">Inicio</a> <span class="divider">&raquo;</span></li>
    <li><a href="index.php?accion=paginaPrincipal">Men&uacute; principal</a> <span class="divider">&raquo;</span></li>
    <li><a href="index.php?accion=listarClientesXDia&controlador=cliente">Cliente selecci&oacute;n</a> <span class="divider">&raquo;</span></li>
    <li class="active">Agregar Cliente</li>
</ul>
<div  class="col_12" >
    <div class="page-header">
        <h3 style="color:#999;margin-bottom:10px;" class="center">Agregar Cliente</h3>
    </div>
<form action="index.php?accion=agregarClienteNuevo&controlador=cliente" id="AgregarCliente" method="post" enctype="multipart/form-data">
    <div class="col_12 column">
        <label for="text2">Nombre:</label>
        <input class="col_6" id="txtNombre" name="txtNombre" type="text"/>
        <label for="text2">Direccion:</label>
        <input class="col_6" id="txtDireccion" name="txtDireccion" type="text"/>
        <label for="text2">Telefono:</label>
        <input class="col_6"id="txtTelefono" name="txtTelefono" type="text"/>
        <label for="text2">Fax:</label>
        <input class="col_6" id="txtFax" name="txtFax" type="text"/>
        <label for="text2">Ced Jur&iacute;dica:</label>
        <input class="col_6" id="txtCedJuridica" name="txtCedJuridica" type="text"/>
        <label for="text2">Plazo:</label>
        <input class="col_6" id="txtPlazo" name="txtPlazo" type="number"/>
        <label for="text2">Saldo:</label>
        <input class="col_6" id="txtSaldo" name="txtSaldo" type="number"step="any"/>
        <label for="text2">Limite de crédito:</label>
        <input class="col_6" id="txtLimiteCredito" name="txtLimiteCredito" type="number" step="any"/>
        <label for="text2">Cod Tipo precio:</label>
        <input class="col_6"id="txtTipoPrecio" name="txtTipoPrecio" type="text"/>
        <section id="IV">
            <label for="txtIV">Impuesto de Ventas:</label>
            <div class="iphone-toggle-buttons">
                <label for="txtIV"><input type="checkbox" name="txtIV" id="txtIV" /><span>txtIV</span></label>
            </div>

        </section>
       
    </div>

    <div class="col_12" id="divCamposExtra" name="divCamposExtra">
       
        <section id="pagaDolar">
            <label for="pagaDolar">Paga en Dolares:</label>
            <div class="iphone-toggle-buttons">
                <label for="pagaD"><input type="checkbox" name="pagaD" id="pagaD" /><span>pagaD</span></label>
            </div>

        </section>
        <label for="text2">Cobrador:</label>
        <input class="col_6" id="txtCobrador" name="txtCobrador" type="text"/>
        <label for="text2">Tipo de Cliente:</label>
        <input class="col_6" id="txtTipoCliente" name="txtTipoCliente" type="text"/>
        <label for="text2">Nombre Tributario:</label>
        <input class="col_6" id="txtTributario" name="txtTributario" type="text"/>
    </div>
        <div class="col_12" >           
        <input type="button"  class="btnCamposExtra" value="Mas Información.."/>
        <input type="button"  class="btnEsconderExtra" value="Ocultar Información"/>
        </div>
       <!-- <button name="btnCamposExtra" id="btnCamposExtra" class="blue" tabindex="3" onclick="camposOcultos();"><i id="mas"class="icon-plus"></i></button>-->
   
   
    <div class="col_12" >
        <input type="submit" class="blue" value="Ingresar" >
    </div>

    </form>
    </div>